<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./common/common.css">
    <link rel="stylesheet" href="./common/reset.css">
    <link rel="stylesheet" href="./common/头部页脚.css">
    <link rel="stylesheet" href="./css/buycar.css">
    <script src="./lib/jquery.js"></script>
    <script src="./js/buycar.js"></script>
</head>
<body>
    <!-- 头部区域 -->
    <div class="head">
 <!-- 顶部黑色区域 -->
 <div class="top clearfix">
    <div class="wrapper">
       <img src="./images/logo.jpg" alt="">
        <span>legochina.cn</span>
        <span class="fr">欢迎光临<a href="#">乐购</a>,请登录\<a href="#">注册</a></span>
    </div>
</div>
</div>
<!-- 顶部黑色区域结束 -->



    <!-- 结算中心开始 -->
<div class="buycar wrapper">
    <h2>填写并核对订单信息</h2>
    <!-- 表头 -->
    <ul class="buycar_tt clearfix">
        
        <li class="fl">
            <input type="checkbox" class="allSelect"><i>全选</i>
        </li>
        <li class="fl">商品</li>

        
        <li  class="fr" id="buycar_li">操作</li>
        <li  class="fr" id="buycar_li">小计</li>
        <li  class="fr" id="buycar_li">数量</li>
        <li class="fr" id="buycar_li">单价</li>
      
        
        
    </ul>
    <!-- 购物车列表 -->
    <div class="buycar_list">
    <ul class="buycar_list_ul">
        <li class="clearfix">
            <!-- 复选框 -->
            <div class="check_box fl"> 
                <input type="checkbox" class="select_box" >
            </div>
         
          <!-- 商品 -->
          <div class="Goods fl">
              <img src="./images/index08_05.jpg" alt="" >
             <span>从你的全世界路过</span>

          </div>
          <!-- 单价 -->
          <div class="price fl sPrice">
              41.00
          </div>
          <!-- 数量 -->
          <div class="quantity fl">
            <span class="addNum" >+</span>
            <input type="text" class="num" value="1">
            <span class="reduce">-</span>
          </div>
          <!-- 小计 -->
          <div class="subtotal fl count">
            41.00
          </div>
          <div class="operate fl ">
              <p>删除</p>
              <p>移到我的关注</p>
          </div>
        </li>
       
        <li class="clearfix">
            <!-- 复选框 -->
            <div class="check_box fl"> 
                <input type="checkbox" class="select_box">
            </div>
         
          <!-- 商品 -->
          <div class="Goods fl">
              <img src="./images/index08_05.jpg" alt="" >
             <span>从你的全世界路过</span>

          </div>
          <!-- 单价 -->
          <div class="price fl sPrice">
              41.00
          </div>
          <!-- 数量 -->
          <div class="quantity fl">
            <span class="addNum">+</span>
            <input type="text" class="num" value="1">
            <span class="reduce">-</span>
          </div>
          <!-- 小计 -->
          <div class="subtotal fl count">
            41.00
          </div>
          <div class="operate fl">
              <p>删除</p>
              <p>移到我的关注</p>
          </div>
        </li>
        <li class="clearfix">
            <!-- 复选框 -->
            <div class="check_box fl"> 
                <input type="checkbox"class="select_box">
            </div>
         
          <!-- 商品 -->
          <div class="Goods fl">
              <img src="./images/index08_05.jpg" alt="" >
             <span>从你的全世界路过</span>

          </div>
          <!-- 单价 -->
          <div class="price fl sPrice">
              41.00
          </div>
          <!-- 数量 -->
          <div class="quantity fl ">
            <span class="addNum">+</span>
            <input type="text" class="num" value="1">
            <span class="reduce">-</span>
          </div>
          <!-- 小计 -->
          <div class="subtotal fl count">
            41.00
          </div>
          <div class="operate fl">
              <p>删除</p>
              <p>移到我的关注</p>
          </div>
        </li>
    </ul>
    </div>

    <!-- 结算 -->
    <div class="settlement">

        <ul class="clearfix">
            <li>
                <input type="checkbox"  class="allSelect">全选
            </li>
            <li>
                删除选中商品
            </li>
            <li>
                <span>已选择<i id="aNum">1</i>件商品</span>
            </li>

            <li>总价 <i id="total">41.00</i></li>

            <li>
                <button>去结算</button>
            </li>
        </ul>
        
       


    </div>
</div>
    <!-- 结算中心结束 -->
    
    <!-- 猜你喜欢开始 -->
 <div class="youlike wrapper">
        <!-- 标题 -->
        <div class="youlike_tt clearfix">
          
            <span class="fl">猜</span>
            <p  class="fl">你喜欢</p>
        </div>
    <!-- 书籍展示 -->
        <ul class="book_show clearfix">
            <li>
              <div class="img">
                <img src="./images/素材图片/书籍/22935553-1_l.jpg" alt="">
              </div>
              <span>8折</span>
              <p>白夜行 东野上吾</p>
              <p>推荐: <img src="./images/XX.png" alt=""></p>
              <h3>¥:38</h3>
            </li>
            <li>
                <div class="img">
                  <img src="./images/素材图片/书籍/22935553-1_l.jpg" alt="">
                </div>
                <span>8折</span>
                <p>白夜行 东野上吾</p>
                <p>推荐: <img src="./images/XX.png" alt=""></p>
                <h3>¥:38</h3>
              </li>
              <li>
                <div class="img">
                  <img src="./images/素材图片/书籍/22935553-1_l.jpg" alt="">
                </div>
                <span>8折</span>
                <p>白夜行 东野上吾</p>
                <p>推荐: <img src="./images/XX.png" alt=""></p>
                <h3>¥:38</h3>
              </li>
              <li>
                <div class="img">
                  <img src="./images/素材图片/书籍/22935553-1_l.jpg" alt="">
                </div>
                <span>8折</span>
                <p>白夜行 东野上吾</p>
                <p>推荐: <img src="./images/XX.png" alt=""></p>
                <h3>¥:38</h3>
              </li>
              <li>
                <div class="img">
                  <img src="./images/素材图片/书籍/22935553-1_l.jpg" alt="">
                </div>
                <span>8折</span>
                <p>白夜行 东野上吾</p>
                <p>推荐: <img src="./images/XX.png" alt=""></p>
                <h3>¥:38</h3>
              </li>
</div>

<!-- 猜你喜欢结束 -->

<!-- 插图 -->
<!-- 插图 -->
<div class="illustration  wrapper">
   <img src="./images/banner2.png" alt="">
  </div>

 <!-- 页脚区域开始 -->
 <div class="foot  ">
    <span class="hr"></span>
<!-- 正规渠道开始 -->
    <div class="serve">
        <div class="wrapper">
            <i></i>
            <i></i>
            <i></i>
            <i></i>
        </div>
       

    </div>
    
<!-- 购物指南开始 -->
    <!-- 乐购logo -->
    
    <img src="./images/logo_00.png" alt="" >

        
        <ul class="shoppingGuide wrapper clearfix" >
            <li>
                <h4>购物指南</h4> 
                <ul>
                    <li>购物流程</li>
                    <li>发票制度</li>
                    <li>账户管理</li>
                    <li>会员优惠</li>
                </ul>
            </li>
            <li>
                <h4>支付方式</h4> 
                <ul>
                    <li>货到付款</li>
                    <li>网上支付</li>
                    <li>礼品卡支付</li>
                    <li>银行卡转账</li>
                </ul>
            </li>
            <li><h4>订单服务</h4> 
                <ul>
                    <li>订单配送查询</li>
                    <li>订单状态说明</li>
                    <li>自助取消订单</li>
                    <li>自助修改订单</li>
                </ul>
            </li>
            <li> 
                <h4>退换货</h4> 
                <ul>
                    <li>退换货政策</li>
                    <li>自助申请退换货</li>
                    <li>退换货进度查询</li>
                    <li>退款方式和时间</li>
                </ul>
            </li>
            <li> 
                <h4>商家服务</h4>
                <ul>
                    <li>商家中心</li>
                    <li>运营服务</li>
                    <li>加入尾品汇</li>
                    
                </ul>
            </li>
            
        </ul>
    
    
    
    
  
<!-- 底部公司简介开始 -->

    

  <ul class="introduce_down clearfix wrapper ">
      <li>公司简介</li>
      <li>nvestor Relations</li>
      <li>网站联盟</li>
      <li>乐购招商</li>
      <li>机构销售</li>
      <li>手机乐购</li>
      <li>官方Blog</li>
      <li>热词搜索</li>
  </ul>

<!-- 底部版权信息 -->
<div class="copyright wrapper">
    Copyright (C) 乐购网 2004-2016. ALL Rights Reserved
</div>
  <!-- 页脚区域结束 -->
</div>
<!-- 页脚区域结束 -->
</body>
</html>